<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>车辆资产管理</title>
		<!--<link rel="stylesheet" href="../layui/css/layui.css" />
		<script type="text/javascript" src="../js/jquery-3.1.1.min.js"></script>-->
	</head>
	<body>
		<div class="layui-elem-quote">
			<span class="layui-breadcrumb">
				<a href="">首页</a>
				<a href="">资产信息管理</a>
				<a href=""><cite>不动产信息管理</cite></a>
			</span>
		</div>
		<div>
			<form class="layui-form">
				<div class="layui-inline">
				    <label class="layui-form-label">资产分类：</label>
				    <div class="layui-input-inline">
					    <select name="">
					        <option value="">全部</option>
				            <option value="">资产领域</option>
				            <option value="">资产转移</option>
			    	        <option value="">资产报废</option>
			            </select>
				    </div>
				    <div class="layui-input-inline">
					    <select name="">
					        <option value="">全部</option>
				            <option value="">资产领域</option>
				            <option value="">资产转移</option>
			    	        <option value="">资产报废</option>
			            </select>
				    </div>
		        </div>
		        <div class="layui-inline">
			    	<label class="layui-form-label">资产名称：</label>
				    <div class="layui-input-inline">
					    <input type="text" id="" class="layui-input" />
				    </div>
		        </div>
		        <div class="layui-inline">
				    <label class="layui-form-label">资产编号：</label>
				    <div class="layui-input-inline">
				    	<input type="text" id="" class="layui-input" />
				    </div>
	        	</div>
	        	<div class="layui-inline">
				    <label class="layui-form-label">城市：</label>
				    <div class="layui-input-inline">
					    <select name="">
					        <option value="">全部</option>
				            <option value="">资产领域</option>
				            <option value="">资产转移</option>
			    	        <option value="">资产报废</option>
			            </select>
				    </div>
	        	</div>
	       </form>
	    </div><br>
	    <div>
			<form class="layui-form">
		        <div class="layui-inline">
			    	<label class="layui-form-label">地址：</label>
				    <div class="layui-input-inline">
					    <input type="text" id="" class="layui-input" />
				    </div>
		        </div>
		        <div class="layui-inline">
				    <label class="layui-form-label">产权类型：</label>
				    <div class="layui-input-inline">
					    <select name="">
					        <option value="">全部</option>
				            <option value="">资产领域</option>
				            <option value="">资产转移</option>
			    	        <option value="">资产报废</option>
			            </select>
				    </div>
	        	</div>
	        	<div class="layui-inline">
			    	<label class="layui-form-label">登记所属单位：</label>
				    <div class="layui-input-inline">
					    <input type="text" id="" class="layui-input" />
				    </div>
		        </div>
	        	<div class="layui-inline">
	        		<a href="" class="layui-btn layui-btn-success" ><span class="layui-icon layui-icon-search"></span>搜索</a>
	        	</div>
	       </form>
	    </div>
		
		<div class="layui-card">
			<div class="layui-card-header">
				<a href="" class="layui-btn layui-btn-success" ><span class="layui-icon layui-icon-add-1"></span>新增资产 Add</a>
				<a href="" class="layui-btn layui-btn-normal" ><span class="layui-icon layui-icon-download-circle"></span>资产入库 Instock</a>
				<a href="" class="layui-btn layui-btn-warm"" ><span class="layui-icon layui-icon-edit"></span>编辑资产 Edit</a>
			</div>
			<div class="layui-card-body">
				<table id="demo" lay-filter="test"></table>
				<script type="text/html" id="buttonTpl">
				<a class="layui-btn layui-btn-danger" lay-event="detail"><span class="layui-icon layui-icon-date"></span>记录</a> 
			    </script>
			</div>
		</div>
	
	<script src="layui/layui.all.js"></script>
	<script>
			layui.use(['element','form','laypage'],function(){
				var element = layui.element;
				var form = layui.form;
				var laypage = layui.laypage;
				var table=layui.table;
				laypage.render({
					elem:'pageId'
					,count:50
				});
			function toIndex(){
				$('.layui-body').load('index.html');
			}
		
			table.render({
				 	elem: '#demo'
                   ,height: 350
                   ,url: 'dataJSON/houseInfo.json' //数据接口
                   ,page: true //开启分页
                   ,limit:5
                   ,limits:[5,10,15,20]
                   ,loading:false
                   ,done:function(res,curr,count){
                   	console.log(res,curr,count);
                   }
                   ,cols: [[ //表头
                   {field: 'no', title: '资产编号', width:260, sort: true, fixed: 'left'}
                   ,{field: 'name', title: '资产名称', width:300}
                   ,{field: 'city', title: '所在城市', width:300, sort: true}
                   ,{field: 'buyer', title: '购买单位', width:300}
                   ,{field: 'area', title: '等级面积（m²）', width:360}
                   ,{field: 'type', title: '产权类型', width:300}
                   ,{field: 'mark', title: '库存记录', width:300,height:30,templet:'#buttonTpl'}
                   ]]
                });
			});
		</script>
	</body>
</html>
